<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jq-demo-08page</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.5.css">
	<script type="text/javascript" src="script/lib/jquery-1.11.2.js"></script>
	<script type="text/javascript" src="script/lib/jquery.mobile-1.4.5.js"></script>
</head>
<body>
	<div data-role="page">
		<div data-role="header" data-theme="a" data-position="fixed">
			<h2>相册</h2>
		</div>
		<div role="main" class="ui-content">
			<button>This is a test</button>
			<a href="#" data-role="button" data-theme="b" class="ui-corner-all">This is a test</a>
			<a href="#" data-role="button" data-inline="true" data-theme="a" class="ui-corner-all">This is a test</a>
			<a href="dialog.html" class="ui-shadow ui-btn ui-corner-all ui-btn-inline" data-transition="fade">Open dialog</a>
			<a href="#" data-role="button" data-inline="true" data-theme="a" class="ui-corner-all" data-icon="arrow-l">Test Icon</a>
			<a href="#" data-role="button" data-inline="true" class="ui-corner-all">No icon</a>
			<a href="#" data-role="button" data-inline="true" class="ui-corner-all" data-icon="arrow-l" data-iconpos="notext">Test Icon</a>
			<a href="#" data-role="button" data-inline="true" class="ui-btn ui-corner-all">No icon</a>
		    <a href="#" class="ui-btn ui-corner-all ui-icon-delete ui-btn-icon-left" data-inline="true">Left</a>
		    <a href="#" class="ui-btn ui-corner-all ui-icon-delete ui-btn-icon-right" data-inline="true">Right</a>
		    <a href="#" class="ui-btn ui-corner-all ui-icon-delete ui-btn-icon-top" data-inline="true">Top</a>
		    <a href="#" class="ui-btn ui-corner-all ui-icon-delete ui-btn-icon-bottom" data-inline="true">Bottom</a>
		    <a href="#" class="ui-btn ui-corner-all ui-icon-delete ui-btn-icon-notext" data-inline="true">Icon only</a>
		</div>
		<div data-role="footer" data-position="fixed">
			<h2>footer</h2>
		</div>
	</div>
</body>
</html>